<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>线索详情</title>
    <link rel="icon" href="favicon.ico" type="images/ico">
    <meta name="author" content="dc">
    <link rel="stylesheet" type="text/css" href="/css/materialdesignicons.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/animate.min.css" />
    <!--标签插件-->
    <link rel="stylesheet" href="/css/input_tags.css"/>
    <link rel="stylesheet" type="text/css" href="/css/style.min.css" />
    <link href="/js/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/js/jquery-confirm/jquery-confirm.min.css"/>
    <!--时间选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css" />
    <!--日期选择插件-->
    <link rel="stylesheet" href="/js/bootstrap-datepicker/bootstrap-datepicker3.min.css" />
    <link rel="stylesheet" href="/css/skin.css"/>
    <link rel="stylesheet" href="/css/cluePoolManager/clueDetail.css"/>
</head>
<body>
<div>
    <div class="container-fluid p-t-15">
        <div class="row">
            <div class="col-sm-12">
                <div class="card" style="position: relative;">
                    <div class="card-body" style="padding: 30px;">
                        <!--线索池主键-->
                        <input type="hidden" id="poolId" name="poolId" th:value="${poolId}"/>
                        <!--线索池类别(0:个人池;1:私有池;2:分公司公有池;3:全国公有池)-->
                        <input type="hidden" id="poolCategory" name="poolCategory" th:value="${poolCategory}"/>
                        <!--线索主键-->
                        <input type="hidden" id="clueId" name="clueId" th:value="${clueId}"/>
                        <!--性别-->
                        <input type="hidden" id="sexId" name="sexId" th:value="${clue.sex}"/>
                        <!--线索池停用/启用状态(1:开启;2:停用)-->
                        <input type="hidden" id="poolState" name="poolState" th:value="${poolState}"/>
                        <!--是否是默认池子(0:不是默认;1:默认池子)-->
                        <input type="hidden" id="defaultMark" name="defaultMark" th:value="${defaultMark}"/>
                        <!--分配方式(0:混合模式;1:被动分配)-->
                        <input type="hidden" id="allocation" name="allocation" th:value="${allocation}"/>
                        <!--城市id-->
                        <input type="hidden" id="cityId" name="cityId" th:value="${clue.cityId}"/>
                        <!-- 按钮 -->
                        <div style="display: flex;position: absolute;right: 148px;top: 22px;">
                            <button class="btn btn-primary btn-sm" id="editBtn" onclick="edit()">编辑</button>
                            <button class="btn btn-primary btn-sm" id="saveBtn" onclick="editClue()">保存</button>
                        </div>
                        <!-- 线索基础属性 -->
                        <!--<h5 style="font-weight: bold;margin-bottom: 20px;">线索基础属性</h5>-->
                        <!-- 编辑模式 -->
                        <form class="form-horizontal col-sm-12" id="editContent">
                            <div class="form-group">
                                <label class="col-sm-1 control-label label-required" style="width: 120px;text-align: left;">公司名称</label>
                                <div class="col-sm-4">
                                    <input type="text" id="companyName" th:value="${clue.companyName}" class="form-control" placeholder="请输入公司名称" oninput="value=value.replace(/\\+|\~+|\!+|\@+|\#+|¥+|\￥+|\%+|\^+|\&+|\*+|\(+|\)+|\'+|\$+|`+|\“+|\”+|\‘+|\’+|\s+/g, '')" maxlength="20">
                                </div>
                                <label class="col-sm-1 control-label label-required" style="width: 120px;text-align: left;">联系人</label>
                                <div class="col-sm-4">
                                    <input type="text" id="contactPerson" th:value="${clue.contactPerson}" class="form-control" placeholder="请输入联系人" oninput="value=value.replace(/\\+|\~+|\!+|\@+|\#+|¥+|\￥+|\%+|\^+|\&+|\*+|\(+|\)+|\'+|\$+|`+|\“+|\”+|\‘+|\’+|\s+/g, '')" maxlength="20">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label label-required" style="width: 120px;text-align: left;">联系电话</label>
                                <div class="col-sm-4">
                                    <input type="text" id="contactPersonPhone" th:value="${clue.contactPersonPhone}" class="form-control" placeholder="请输入联系电话" oninput="value=value.replace(/[^\d]/g,'')" maxlength="11">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">性别</label>
                                <div class="col-sm-4">
                                    <label class="lyear-radio radio-inline radio-primary">
                                        <input type="radio" value="0" id="sex_male" name="sex"><span>男</span>
                                    </label>
                                    <label class="lyear-radio radio-inline radio-primary">
                                        <input type="radio" value="1" id="sex_female" name="sex"><span>女</span>
                                    </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">公司邮箱</label>
                                <div class="col-sm-4">
                                    <input type="text" id="companyEmail" th:value="${clue.companyEmail}" class="form-control" placeholder="请输入公司邮箱">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">职务</label>
                                <div class="col-sm-4">
                                    <input type="text" id="job" th:value="${clue.job}" class="form-control" placeholder="请输入职务">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">线索评级</label>
                                <div class="col-sm-4">
                                    <select class="form-control" id="rating" type="text" title="请选择" data-live-search="true">
                                        <option value="">请选择线索评级</option>
                                        <option th:selected="${clue.rating == 1}" value="1">一级</option>
                                        <option th:selected="${clue.rating == 2}" value="2">二级</option>
                                        <option th:selected="${clue.rating == 3}" value="3">三级</option>
                                    </select>
                                </div>
                                <label class="col-sm-1 control-label label-required" style="width: 120px;text-align: left;">线索来源</label>
                                <div class="col-sm-4">
                                    <select class="form-control" id="source" type="text" title="请选择" data-live-search="true">
                                        <option value="">请输入线索来源</option>
                                        <option th:selected="${clue.source == '1'}" value="1">促销</option>
                                        <option th:selected="${clue.source == '2'}" value="2">搜索引擎</option>
                                        <option th:selected="${clue.source == '3'}" value="3">广告</option>
                                        <option th:selected="${clue.source == '4'}" value="4">转介绍</option>
                                        <option th:selected="${clue.source == '5'}" value="5">线上注册</option>
                                        <option th:selected="${clue.source == '6'}" value="6">线上询价</option>
                                        <option th:selected="${clue.source == '7'}" value="7">预约上门</option>
                                        <option th:selected="${clue.source == '8'}" value="8">陌拜</option>
                                        <option th:selected="${clue.source == '9'}" value="9">电话咨询</option>
                                        <option th:selected="${clue.source == '10'}" value="10">邮件咨询</option>
                                        <option th:selected="${clue.source == '11'}" value="10">其他</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">客户类别</label>
                                <div class="col-sm-4">
                                    <select class="form-control" id="clientCategories" type="text" title="请选择" data-live-search="true">
                                        <option value="">请选择客户类别</option>
                                        <option th:selected="${clue.clientCategories == '1'}" value="1">优</option>
                                        <option th:selected="${clue.clientCategories == '2'}" value="2">良</option>
                                        <option th:selected="${clue.clientCategories == '3'}" value="3">一般</option>
                                    </select>
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">客户级别</label>
                                <div class="col-sm-4">
                                    <select class="form-control" id="clientLevel" type="text" title="请选择" data-live-search="true">
                                        <option value="">请选择客户级别</option>
                                        <option th:selected="${clue.clientLevel == '1'}" value="1">A</option>
                                        <option th:selected="${clue.clientLevel == '2'}" value="2">B</option>
                                        <option th:selected="${clue.clientLevel == '3'}" value="3">C</option>
                                        <option th:selected="${clue.clientLevel == '4'}" value="4">D</option>
                                        <option th:selected="${clue.clientLevel == '5'}" value="5">E</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label label-required" style="width: 120px;text-align: left;">社会信用码</label>
                                <div class="col-sm-4">
                                    <input type="text" id="unifiedSocialCreditCode" th:value="${clue.unifiedSocialCreditCode}" class="form-control" placeholder="请输入社会信用码" oninput="value=value.replace(/[^\d]/g,'')" maxlength="18">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">行业</label>
                                <div class="col-sm-4">
                                    <select class="form-control" id="industry" type="text" title="请选择" data-live-search="true">
                                        <option value="">请输入行业</option>
                                        <option th:selected="${clue.industry == '1'}" value="1">农、林、牧、渔业</option>
                                        <option th:selected="${clue.industry == '2'}" value="2">采矿业</option>
                                        <option th:selected="${clue.industry == '3'}" value="3">制造业</option>
                                        <option th:selected="${clue.industry == '4'}" value="4">电力、热力、燃气及水生产和供应业</option>
                                        <option th:selected="${clue.industry == '5'}" value="5">建筑业</option>
                                        <option th:selected="${clue.industry == '6'}" value="6">批发和零售业</option>
                                        <option th:selected="${clue.industry == '7'}" value="7">交通运输、仓储和邮政业</option>
                                        <option th:selected="${clue.industry == '8'}" value="8">住宿和餐饮业</option>
                                        <option th:selected="${clue.industry == '9'}" value="9">信息传输、软件和信息技术服务业</option>
                                        <option th:selected="${clue.industry == '10'}" value="10">金融业</option>
                                        <option th:selected="${clue.industry == '11'}" value="11">房地产业</option>
                                        <option th:selected="${clue.industry == '12'}" value="12">租赁和商务服务业</option>
                                        <option th:selected="${clue.industry == '13'}" value="13">科学研究和技术服务业</option>
                                        <option th:selected="${clue.industry == '14'}" value="14">水利、环境和公共设施管理业</option>
                                        <option th:selected="${clue.industry == '15'}" value="15">居民服务、修理和其他服务业</option>
                                        <option th:selected="${clue.industry == '16'}" value="16">教育</option>
                                        <option th:selected="${clue.industry == '17'}" value="17">卫生和社会工作</option>
                                        <option th:selected="${clue.industry == '18'}" value="18">文化、体育和娱乐业</option>
                                        <option th:selected="${clue.industry == '19'}" value="19">公共管理、社会保障和社会组织</option>
                                        <option th:selected="${clue.industry == '20'}" value="20">国际组织</option>
                                        <option th:selected="${clue.industry == '21'}" value="21">其他</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">公司规模</label>
                                <div class="col-sm-4">
                                    <select class="form-control" id="companySize" type="text" title="请选择" data-live-search="true">
                                        <option value="">请选择公司规模</option>
                                        <option th:selected="${clue.companySize == '1'}" value="1">0-20人</option>
                                        <option th:selected="${clue.companySize == '2'}" value="2">20-99人</option>
                                        <option th:selected="${clue.companySize == '3'}" value="3">100-499人</option>
                                        <option th:selected="${clue.companySize == '4'}" value="4">500-999人</option>
                                        <option th:selected="${clue.companySize == '5'}" value="5">1000-9999人</option>
                                        <option th:selected="${clue.companySize == '6'}" value="6">10000人以上</option>
                                    </select>
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">公司网址</label>
                                <div class="col-sm-4">
                                    <input type="text" id="companyWebsite" th:value="${clue.companyWebsite}" class="form-control" placeholder="请输入公司网址">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">注册号</label>
                                <div class="col-sm-4">
                                    <input type="text" id="registrationNumber" th:value="${clue.registrationNumber}" class="form-control" placeholder="请输入注册号">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">组织机构代码</label>
                                <div class="col-sm-4">
                                    <input type="text" id="organizationCode" th:value="${clue.organizationCode}" class="form-control" placeholder="请输入组织机构代码">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">公司类型</label>
                                <div class="col-sm-4">
                                    <select class="form-control" id="companyType" type="text" title="请选择" data-live-search="true">
                                        <option value="">请选择公司类型</option>
                                        <option th:selected="${clue.companyType == '1'}" value="1">有限责任公司</option>
                                        <option th:selected="${clue.companyType == '2'}" value="2">股份有限公司</option>
                                        <option th:selected="${clue.companyType == '3'}" value="3">集体所有制</option>
                                        <option th:selected="${clue.companyType == '4'}" value="4">国有企业</option>
                                        <option th:selected="${clue.companyType == '5'}" value="5">个体工商户</option>
                                        <option th:selected="${clue.companyType == '6'}" value="6">个人独资企业</option>
                                        <option th:selected="${clue.companyType == '7'}" value="7">有限合伙</option>
                                        <option th:selected="${clue.companyType == '8'}" value="8">普通合伙</option>
                                        <option th:selected="${clue.companyType == '9'}" value="9">外商独资企业</option>
                                        <option th:selected="${clue.companyType == '10'}" value="10">港澳台</option>
                                        <option th:selected="${clue.companyType == '11'}" value="11">联营企业</option>
                                        <option th:selected="${clue.companyType == '12'}" value="12">私营企业</option>
                                        <option th:selected="${clue.companyType == '13'}" value="13">企业</option>
                                        <option th:selected="${clue.companyType == '14'}" value="14">事业单位</option>
                                        <option th:selected="${clue.companyType == '15'}" value="15">基金会</option>
                                        <option th:selected="${clue.companyType == '16'}" value="16">社会组织</option>
                                        <option th:selected="${clue.companyType == '17'}" value="17">律所</option>
                                        <option th:selected="${clue.companyType == '18'}" value="18">香港特别行政区企业</option>
                                        <option th:selected="${clue.companyType == '19'}" value="19">台湾省企业</option>
                                        <option th:selected="${clue.companyType == '20'}" value="20">独资企业</option>
                                        <option th:selected="${clue.companyType == '21'}" value="21">国企</option>
                                        <option th:selected="${clue.companyType == '22'}" value="22">其他</option>
                                    </select>
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">法定代表人</label>
                                <div class="col-sm-4">
                                    <input type="text" id="legalRepresentative" th:value="${clue.legalRepresentative}" class="form-control" placeholder="请输入法定代表人">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">对外手机</label>
                                <div class="col-sm-4">
                                    <input type="text" id="enterpriseExternalPhone" th:value="${clue.enterpriseExternalPhone}" class="form-control" placeholder="请输入对外手机">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">对外座机</label>
                                <div class="col-sm-4">
                                    <input type="text" id="enterpriseExternalLandline" th:value="${clue.enterpriseExternalLandline}" class="form-control" placeholder="请输入对外座机">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">注册资本</label>
                                <div class="col-sm-4">
                                    <input type="text" id="registeredCapital" th:value="${clue.registeredCapital}" class="form-control" placeholder="请输入注册资本">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">微信</label>
                                <div class="form-group">
                                    <div class="col-sm-4">
                                        <input type="text" id="wechat" th:value="${clue.wechat}" class="form-control" placeholder="请输入微信">
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">注册时间</label>
                                <div class="col-sm-4">
                                    <input   type="text" id="registrationTime" th:value="${clue.registrationTimeFormat}" class="form-control" placeholder="请输入注册时间">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">资本类型</label>
                                <div class="col-sm-4">
                                    <select class="form-control" id="capitalType" type="text" title="请选择" data-live-search="true">
                                        <option value="">请选择资本类型</option>
                                        <option th:selected="${clue.capitalType == '1'}" value="1">人民币</option>
                                        <option th:selected="${clue.capitalType == '2'}" value="2">美元</option>
                                        <option th:selected="${clue.capitalType == '3'}" value="3">其他</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">企业状态</label>
                                <div class="col-sm-4">
                                    <select class="form-control" id="enterpriseState" type="text" title="请选择" data-live-search="true">
                                        <option th:selected="${clue.enterpriseState == ''}" value="">请选择企业状态</option>
                                        <option th:selected="${clue.enterpriseState == '1'}" value="1">在业</option>
                                        <option th:selected="${clue.enterpriseState == '2'}" value="2">续存</option>
                                        <option th:selected="${clue.enterpriseState == '3'}" value="3">吊销</option>
                                        <option th:selected="${clue.enterpriseState == '4'}" value="4">注销</option>
                                        <option th:selected="${clue.enterpriseState == '5'}" value="5">迁出</option>
                                        <option th:selected="${clue.enterpriseState == '6'}" value="6">筹建</option>
                                        <option th:selected="${clue.enterpriseState == '7'}" value="7">清算</option>
                                        <option th:selected="${clue.enterpriseState == '8'}" value="8">迁入</option>
                                        <option th:selected="${clue.enterpriseState == '9'}" value="9">停业</option>
                                        <option th:selected="${clue.enterpriseState == '10'}" value="10">撤销</option>
                                        <option th:selected="${clue.enterpriseState == '11'}" value="11">在业/存续</option>
                                    </select>
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">参保人数</label>
                                <div class="col-sm-4">
                                    <input type="text" id="insuredNumber" th:value="${clue.insuredNumber}"
                                           class="form-control" oninput="value=value.replace(/[^\d]/g,'')"
                                           placeholder="请输入参保人数">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">工商注册号</label>
                                <div class="col-sm-4">
                                    <input type="text" id="businessRegistrationNumber" th:value="${clue.businessRegistrationNumber}" class="form-control" placeholder="请输入工商注册号">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">实缴资本</label>
                                <div class="col-sm-4">
                                    <input type="text" id="paidInCapital" th:value="${clue.paidInCapital}" class="form-control" placeholder="请输入实缴资本">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">纳税人识别号</label>
                                <div class="col-sm-4">
                                    <input type="text" id="taxpayerIdentificationNumber" th:value="${clue.taxpayerIdentificationNumber}" class="form-control" placeholder="请输入纳税人识别号">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">登记机关</label>
                                <div class="col-sm-4">
                                    <input type="text" id="registrationAuthority" th:value="${clue.registrationAuthority}" class="form-control" placeholder="请输入登记机关">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">核准日期</label>
                                <div class="col-sm-4">
                                    <input type="text" id="approvedDate" th:value="${clue.approvedDateFormat}" class="form-control" placeholder="请选择核准日期">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">成立日期</label>
                                <div class="col-sm-4">
                                    <input type="text" id="establishmentDate" th:value="${clue.establishmentDateFormat}" class="form-control" placeholder="请选择成立日期">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">进出口企业代码</label>
                                <div class="col-sm-4">
                                    <input type="text" id="importAndExportEnterpriseCode" th:value="${clue.importAndExportEnterpriseCode}" class="form-control" placeholder="请输入企业代码">
                                </div>
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">企业地址</label>
                                <div class="col-sm-4">
                                    <input type="text" id="companyAddress" th:value="${clue.companyAddress}" class="form-control" placeholder="请输入企业地址">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">标签</label>
                                <div class="col-sm-4">
                                    <div style="width:100%;" id="tagBox"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-xs-2" style="width: 120px;text-align: left;">城市:</label>
                                <div class="col-xs-9" style="display: flex;">
                                    <select onchange="changeCity()" id="province" name="province" style="margin-right: 55px;width: 300px;" class="form-control" type="text" title="请选择"  data-live-search="true"></select>
                                    <select id="city" name="city" style="width: 300px;" class="form-control" type="text" title="请选择"  data-live-search="true"></select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">经营范围</label>
                                <div class="col-sm-9">
                                    <textarea id="businessScope" th:text="${clue.businessScope}" class="form-control" placeholder="请输入经营范围"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-1 control-label" style="width: 120px;text-align: left;">备注</label>
                                <div class="col-sm-9">
                                    <textarea id="remark" th:text="${clue.remark}" class="form-control" placeholder="请输入备注"></textarea>
                                </div>
                            </div>
                        </form>
                        <!-- 显示模式 -->
                        <div class="base" id="showContent">
                            <div class="base-item">公司名称：<span class="text" th:text="${clue.companyName}"></span></div>
                            <div class="base-item">联系人：<span class="text" th:text="${clue.contactPerson}"></span></div>
                            <div class="base-item">联系电话：<span class="text" th:text="${clue.contactPersonPhone}"></span></div>
                            <div class="base-item">性别：<span class="text" th:text="${clue.sexValue}"></span></div>
                            <div class="base-item">公司邮箱：<span class="text" th:text="${clue.companyEmail}"></span></div>
                            <div class="base-item">职务：<span class="text" th:text="${clue.job}"></span></div>
                            <div class="base-item">线索评级：<span class="text" th:text="${clue.ratingValue}"></span></div>
                            <div class="base-item">线索来源：<span class="text" th:text="${clue.sourceValue}"></span></div>
                            <div class="base-item">客户类别：<span class="text" th:text="${clue.clientCategoriesValue}"></span></div>
                            <div class="base-item">客户级别：<span class="text" th:text="${clue.clientLevelValue}"></span></div>
                            <div class="base-item">社会信用码：<span class="text" th:text="${clue.unifiedSocialCreditCode}"></span></div>
                            <div class="base-item">行业：<span class="text" th:text="${clue.industryValue}"></span></div>
                            <div class="base-item">公司规模：<span class="text" th:text="${clue.companySizeValue}"></span></div>
                            <div class="base-item">公司网址：<span class="text" th:text="${clue.companyWebsite}"></span></div>
                            <div class="base-item">注册号：<span class="text" th:text="${clue.registrationNumber}"></span></div>
                            <div class="base-item">组织机构代码：<span class="text" th:text="${clue.organizationCode}"></span></div>
                            <div class="base-item">公司类型：<span class="text" th:text="${clue.companyTypeValue}"></span></div>
                            <div class="base-item">法定代表人：<span class="text" th:text="${clue.legalRepresentative}"></span></div>
                            <div class="base-item">对外手机：<span class="text" th:text="${clue.enterpriseExternalPhone}"></span></div>
                            <div class="base-item">对外座机：<span class="text" th:text="${clue.enterpriseExternalLandline}"></span></div>
                            <div class="base-item">注册资本：<span class="text" th:text="${clue.registeredCapital}"></span></div>
                            <div class="base-item">微信：<span class="text" th:text="${clue.wechat}"></span></div>
                            <div class="base-item">注册时间：<span class="text" th:text="${clue.registrationTimeFormat}"></span></div>
                            <div class="base-item">资本类型：<span class="text" th:text="${clue.capitalTypeValue}"></span></div>
                            <div class="base-item">企业状态：<span class="text" th:text="${clue.enterpriseStateValue}"></span></div>
                            <div class="base-item">参保人数：<span class="text" th:text="${clue.insuredNumber}"></span></div>
                            <div class="base-item">工商注册号：<span class="text" th:text="${clue.businessRegistrationNumber}"></span></div>
                            <div class="base-item">实缴资本：<span class="text" th:text="${clue.paidInCapital}"></span></div>
                            <div class="base-item">纳税人识别号：<span class="text" th:text="${clue.taxpayerIdentificationNumber}"></span></div>
                            <div class="base-item">登记机关：<span class="text" th:text="${clue.registrationAuthority}"></span></div>
                            <div class="base-item">核准日期：<span class="text" th:text="${clue.approvedDateFormat}"></span></div>
                            <div class="base-item">成立日期：<span class="text" th:text="${clue.establishmentDateFormat}"></span></div>
                            <div class="base-item">进出口企业代码：<span class="text" th:text="${clue.importAndExportEnterpriseCode}"></span></div>
                            <div class="base-item">企业地址：<span class="text" th:text="${clue.companyAddress}"></span></div>
                            <div class="base-item">标签：<span id="tagMark" class="text" th:text="${clue.tag}"></span></div>
                            <div class="base-item">城市：<span class="text" th:text="${clue.provinceName}"></span> - <span class="text" th:text="${clue.cityName}"></span></div>
                            <div class="base-item" style="width: 95%">经营范围：<span class="text" th:text="${clue.businessScope}"></span></div>
                            <div class="base-item" style="width: 95%">备注：<span class="text" th:text="${clue.remark}"></span></div>
                        </div>
                        <!-- 线索记录 -->
                        <h5 style="font-weight: bold;margin-bottom: 20px;">线索记录</h5>
                        <div style="display: flex;list-style: none;">
                            <div class="nav-item active" id="receive" onclick="changeTable('receive')">领取记录</div>
                            <div class="nav-item" id="return" onclick="changeTable('return')">退回记录</div>
                            <div class="nav-item" id="followUp" onclick="changeTable('followUp')">跟进记录</div>
                            <div class="nav-item" id="visit" onclick="changeTable('visit')">拜访记录</div>
                            <div class="nav-item" id="contacts" onclick="changeTable('contacts')">联系人</div>
                            <div class="nav-item" id="company" onclick="changeTable('company')">公司资料</div>
                        </div>
                        <div class="" style="color: #000; margin-top: 20px;">
                            <div class="tab-pane" id="receiveContent">
                                <table id="clue_receive_list_table"></table>
                            </div>
                            <div class="tab-pane" id="returnContent">
                                <table id="clue_return_list_table"></table>
                            </div>
                            <div class="tab-pane" id="followUpContent">
                                <table id="clue_follow_list_table"></table>
                            </div>
                            <div class="tab-pane" id="visitContent">
                                <table id="clue_visit_list_table"></table>
                            </div>
                            <div class="tab-pane" id="contactsContent">
                                <button onclick="addPeople()" class="btn btn-primary btn-sm" style="float: right;margin-bottom: 16px;">新增联系人</button>
                                <table id="contacts_list_table"></table>
                            </div>
                            <div class="tab-pane" id="companyContent">
                                companyContent
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 联系人弹层 -->
<div class="modal fade" tabindex="-1" role="dialog" id="peopleModel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <h4 style="line-height: 40px;font-size: 14px;font-weight: bold;">新增联系人</h4>
                <form class="form-horizontal" >
                    <div class="form-group">
                        <label class="col-sm-3 control-label">联系人姓名</label>
                        <div class="col-sm-9">
                            <input id="contact_name" name="contact_name" type="text" class="form-control" placeholder="请输入联系人姓名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">职务</label>
                        <div class="col-sm-9">
                            <input id="contact_job" name="contact_job" type="text" class="form-control" placeholder="请输入职务">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">联系方式</label>
                        <div class="col-sm-9">
                            <input maxlength="20" name="contact_information" id="contact_information" type="text" class="form-control" placeholder="请输入联系方式">
                        </div>
                    </div>
                </form>
            </div>
            <div style="width: 100%;display: flex;justify-content: center;margin-bottom: 20px;">
                <div class="btn btn-primary" style="margin-right: 30px;" onclick="insertPeople()" >确定</div>
                <div class="btn btn-default" data-dismiss="modal">取消</div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/perfect-scrollbar.min.js"></script>
<!--标签插件-->

<script type="text/javascript" src="/js/main.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table.min.js"></script>
<script type="text/javascript" src="/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="/js/popper.min.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.min.js"></script>
<!--时间选择插件-->
<script src="/js/bootstrap-datetimepicker/moment.min.js"></script>
<script src="/js/jquery-confirm/jquery-confirm.min.js"></script>
<script src="/js/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="/js/bootstrap-datetimepicker/locale/zh-cn.js"></script>
<script src="/js/crm/common/input-tag.js"></script>
<!--日期选择插件-->
<script src="/js/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
<script src="/js/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"></script>
<!-- 图表 -->
<script type="text/javascript" src="/js/echarts.min.js"></script>
<script src="/js/crm/common/common.js"></script>
<!-- 城市 -->
<script src="/js/crm/common/city.js"></script>
<script src="/js/crm/cluePoolManager/clueDetail.js"></script>

</html>